import { ref, computed } from 'vue'
import { defineStore } from 'pinia'
import { getCategoryAPI } from '@/apis/layout';

export const useCategoryStore = defineStore("category", () => {


	const categoryList: any = ref([]);
	const getCategory = async () => {
		const res: any = await getCategoryAPI();
		categoryList.value = res.result;

		// categoryList.value = [
		// 	{
		// 		id: 1,
		// 		name: "居家",
		// 		children: [
		// 			{ name: "床品" },
		// 			{ name: "家具" }
		// 		],
		// 		goods: [
		// 			{
		// 				id: 101,
		// 				name: "全棉四件套",
		// 				desc: "柔软舒适，亲肤透气",
		// 				price: 199,
		// 				picture: "https://example.com/img1.jpg"
		// 			},
		// 			{
		// 				id: 102,
		// 				name: "实木床",
		// 				desc: "环保材质，结实耐用",
		// 				price: 899,
		// 				picture: "https://example.com/img2.jpg"
		// 			}
		// 		]
		// 	},
		// 	{
		// 		id: 2,
		// 		name: "美食",
		// 		children: [
		// 			{ name: "零食" },
		// 			{ name: "饮品" }
		// 		],
		// 		goods: [
		// 			{
		// 				id: 201,
		// 				name: "坚果大礼包",
		// 				desc: "多种坚果混合装",
		// 				price: 59,
		// 				picture: "https://example.com/img3.jpg"
		// 			},
		// 			{
		// 				id: 202,
		// 				name: "进口果汁",
		// 				desc: "新鲜水果榨取",
		// 				price: 29,
		// 				picture: "https://example.com/img4.jpg"
		// 			}
		// 		]
		// 	}
		// ]

	};
	return { categoryList, getCategory };
});
